<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>销售订单</title>
		<meta name="description" content="Restyling jQuery UI Widgets and Elements" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<link rel="stylesheet" href="./../../assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="./../../assets/css/font-awesome.min.css" />
		<link rel="stylesheet" href="./../../assets/css/ace.min.css" id="main-ace-style" />
		<link rel="stylesheet" href="../../css/salesPlat/common.css" />
		<link rel="stylesheet" href="./../../css/salesPlat/salesOrder.css" />
        <link rel="stylesheet" href="./../../css/salesPlat/infoTable.css" />

	</head>

	<body class="no-skin">

		<!-- /section:basics/navbar.layout -->
		<div class="main-container" id="main-container">

			<div class="main-content">
				<div class="page-content">

					<!-- /section:settings.box -->
					<div class="page-content-area">
						<div class="row">
							<div class="col-xs-12">

								<!-- PAGE CONTENT BEGINS -->
									<div class="order-right-topic bg-324">线下销售订单</div>
									<div class="order-right-info bg-324 mt2">
										<ul class="order-info-items clearfix">
											<li class="order-info-item l pd30"><button class="new-btn" id="orderAdd">新  增</button></li>
											<li class="order-info-item l">购买人<input id="orderBuyer" class="order-info-input" type="text" placeholder="请输入购买人"></li>
											<li class="order-info-item l">手机号<input id="orderBuyerPhone" class="order-info-input" type="text" placeholder="请输入手机号"></li>
											<li class="order-info-item l">订单编号<input id="orderInputNo" class="order-info-input" type="text" placeholder="请输入订单编号"></li>
										</ul>
									</div>
									<div class="order-right-no bg-324 mt2">采购订单编号<input id="orderBuyNo" class="order-info-input1" type="text" placeholder="请输入采购订单编号"></div>
									<div class="order-right-search">
										<button id="orderSearch">搜  索</button>
										<button id="orderReset">重  置</button>
									</div>

                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th class="order-topic center">商品信息</th>
                                        <th class="order-topic center">单价</th>
                                        <th class="order-topic center">数量</th>
                                        <th class="order-topic center">价格</th>
                                        <th class="order-topic center">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="sales-order-state">
                                        <td><span class="color-blue">订单号:</span>12321312</td>
                                        <td><span class="color-blue">下单日期：</span>2017-10-21 12：00：00</td>
                                        <td><span class="color-blue">交易状态：</span>未发货</td>
                                        <td><span class="color-blue">合智造采购状态：</span>未采购</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="order-info-wrap">
                                                <img class="order-info-img"  src="./../../assets/img/pic1.png" alt="">
                                                <div class="sales-order-info">
                                                    <div class="order-info-name">2017新款婚纱礼服新娘拖尾简约奢华欧美风</div>
                                                    <div class="order-info-desc">颜色：<span>白色</span>尺寸：<span>L</span></div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>￥598</td>
                                        <td>X1</td>
                                        <td>￥598</td>
                                        <td>
                                            <div class="sales-order-operate" data-toggle="modal" data-target="#sendNow">直接发货</div>
                                            <div class="sales-order-operate">取消订单</div>
                                            <div class="sales-order-operate"><a href="orderDetail.html">订单详情</a></div>
                                            <div class="sales-order-operate"><a href="orderDetailEdit.html">编辑订单</a></div>
                                            <div class="sales-order-operate">查看快递单号</div>
                                        </td>
                                    </tr>

                                    </tbody>
                                </table>


                                <!-- PAGE CONTENT ENDS -->

							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content-area -->
				</div><!-- /.page-content -->
			</div><!-- /.main-content -->
		</div><!-- /.main-container -->

		<!--模态框-->
		<div class="modal fade" id="sendNow" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabel">
							直接发货
						</h4>
					</div>
					<div class="modal-body">
						<div class="modal-express-name">
                            快递公司
                            <select class="modal-express-select">
                                <option value="">顺丰速运</option>
                                <option value="">顺丰速运</option>
                            </select>
                        </div>
                        <div class="modal-express-num">
                            快递单号
                            <input type="text">
                        </div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn" data-dismiss="modal">返回
						</button>
						<button type="button" class="btn">
							提交
						</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>

		<script src="./../../assets/js/jquery.min.js"></script>
		<script src="./../../assets/js/bootstrap.min.js"></script>
		<!--本页面JS-->
		<script src="./../../js/salesPlat/salesOrder.js"></script>
	</body>
</html>
